<template>
  <div class="app-container">
    <Find :OriginalFilter="{ static: true }" :formList="formList1" @findClicked="findData" />

    <el-card style="margin-top: 10px" shadow="always" :body-style="{ padding: '20px' }">
      <h1>考勤明细</h1>
      <Table style="width: 98%" :tableHeader="tableHeader" :tableData="tableData" :TableHeight="94" />
      <PageModule :PageData="{ pageSizeShow: true }" />
    </el-card>
  </div>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
import JMessage from '@/utils/JMessage'
export default defineComponent({
  name: 'ExaminationInformationInquiry'
})
</script>
<script lang="ts" setup>
import { i18n, Jzhcn } from '@/i18n'
import { ref } from 'vue'
const formList1 = ref([
  {
    type: 'select',
    selectValue: '',
    selectP: '部门',
    selectLabel: '',
    selectOptions: []
  },
  {
    type: 'select',
    selectValue: '',
    selectP: '工号',
    selectLabel: '',
    selectOptions: []
  },
  {
    type: 'input',
    inputPlaceholder: '请输入姓名',
    inputValue: ''
  },
  {
    type: 'date',
    dateLabel: '入厂日期',
    dateValue: ''
  },
  {
    type: 'input',
    inputPlaceholder: '请输入年月',
    inputValue: ''
  },
  {
    type: 'date',
    dateLabel: '日期',
    dateValue: ''
  },
  {
    type: 'button',
    checkboxLabel: '导出考勤报表'
  }
])

const findData = (a: any) => {}

// 表格数据
const tableData = [
  {
    date: '20230427',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-02',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-04',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  }
]

const tableHeader = ref([
  {
    Multistage: true,
    label: '',
    children: [
      {
        label: '月份',
        prop: 'customer'
      },
      {
        label: '部门',
        prop: 'customer'
      },
      {
        label: '工号',
        prop: 'customer'
      },
      {
        label: '姓名',
        prop: 'customer'
      },
      {
        label: '迟到次数',
        prop: 'customer'
      },
      {
        label: '迟到分钟',
        prop: 'customer'
      },
      {
        label: '早退次数',
        prop: 'customer'
      },
      {
        label: '早退分钟',
        prop: 'customer'
      },
      {
        label: '请假分钟',
        prop: 'customer'
      },
      {
        label: '旷工分钟',
        prop: 'customer'
      },
      {
        label: '正数时数',
        prop: 'customer'
      }
    ]
  },
  {
    Multistage: true,
    label: '正班出勤时数(黄色类表示周末)',
    children: [
      {
        label: '1',
        prop: 'customer'
      },
      {
        label: '2',
        prop: 'customer'
      },
      {
        label: '3',
        prop: 'customer'
      },
      {
        label: '4',
        prop: 'customer'
      },
      {
        label: '5',
        prop: 'customer'
      },
      {
        label: '6',
        prop: 'customer'
      },
      {
        label: '7',
        prop: 'customer'
      },
      {
        label: '8',
        prop: 'customer'
      },
      {
        label: '9',
        prop: 'customer'
      },
      {
        label: '10',
        prop: 'customer'
      },
      {
        label: '11',
        prop: 'customer'
      },
      {
        label: '12',
        prop: 'customer'
      },
      {
        label: '13',
        prop: 'customer'
      },
      {
        label: '14',
        prop: 'customer'
      },
      {
        label: '45',
        prop: 'customer'
      },
      {
        label: '16',
        prop: 'customer'
      },
      {
        label: '17',
        prop: 'customer'
      },
      {
        label: '18',
        prop: 'customer'
      },
      {
        label: '19',
        prop: 'customer'
      },
      {
        label: '20',
        prop: 'customer'
      },
      {
        label: '21',
        prop: 'customer'
      },
      {
        label: '22',
        prop: 'customer'
      },
      {
        label: '23',
        prop: 'customer'
      },
      {
        label: '24',
        prop: 'customer'
      },
      {
        label: '25',
        prop: 'customer'
      },
      {
        label: '26',
        prop: 'customer'
      },
      {
        label: '27',
        prop: 'customer'
      },
      {
        label: '28',
        prop: 'customer'
      },
      {
        label: '29',
        prop: 'customer'
      },
      {
        label: '30',
        prop: 'customer'
      },
      {
        label: '31',
        prop: 'customer'
      }
    ]
  }
])
</script>

<style lang="less" scoped>
h1 {
  font-size: 14px;
  margin-bottom: 11px;
}
</style>
